<template>
	<view class="content">
		<view class="status_bar"><view class="top_view"></view></view>
		<uni-nav-bar left-icon="back" left-text="返回" title="修改密码"></uni-nav-bar>
		<view class="body">
			<view class="account">
				<input type="text" v-model="account" placeholder="请输入账号" class="account_input" placeholder-style="font-size: 25upx;font-family: 'FZLTHJW';" />
				<image src="../../static/personal_center/more.png" class="more"></image>
			</view>
			<view class="password">
				<input type="password" placeholder="请输入密码" class="password_input" placeholder-style="font-size: 25upx;font-family: 'FZLTHJW';" />
				<image src="../../static/personal_center/more.png" class="more"></image>
			</view>
			<view class="repeat_pass">
				<input type="password" placeholder="请输入密码" class="repeat_input" placeholder-style="font-size: 25upx;font-family: 'FZLTHJW';" />
				<image src="../../static/personal_center/more.png" class="more"></image>
			</view>
			<view class="submit"><button type="default" class="submit_btn">确定</button></view>
		</view>
	</view>
</template>

<script>
import uniNavBar from '@/components/uni-nav-bar/uni-nav-bar.vue';
export default {
	components: {
		uniNavBar
	},
	data() {
		return {
			account: '',
			password: '',
			repeat_pass: ''
		};
	}
};
</script>

<style scoped>
@import url('../../css/navigation.css');
.account,
.password,
.repeat_pass {
	display: flex;
	flex-direction: row;
	height: 106.25upx;
	border-bottom: 0.69upx solid rgba(3, 0, 0, 0.302);
	align-items: center;
}
.account_input,
.password_input,
.repeat_input {
	flex: 1;
	height: 100%;
	margin-left: 18.05upx;
	font-size: 25upx;
	font-family: 'FZLTHJW';
}
</style>
